body {
    font-family: "Microsoft YaHei UI",sans-serif;
}
.navbar {
    height: 56px;
    margin: 0px;
    background-color: #fff;
    border: none;
}
.navbar .container-fluid {
    padding: 0;
    height: 56px;
    line-height: 56px;
}
.navbar .container-fluid a {
    color: #000;
}
.navbar .header-bar-nav {
    /*如果不是全局唯一的类，比如navbar，其他的自己做css的时候，尽量不要用bootcss规定好的class*/
    /* ps 做的宽度是608像素，实际就是不确定了，但是一般认为在300~480*/
    font-size: 22px;
    text-align: center;
}
.navbar .header-bar-title  {
    /*接下来就是要一点点的把内容还原*/
    text-align: center;
}
.navbar .header-bar-user {
    font-size: 22px;
    text-align: center;
}

.index.container-fluid {
    padding: 0;
}
.index .card-list {
    padding: 0;
}
/* 这里删除那个类只是为了看着简短一点*/
.index .card-list .card {
    margin-bottom: 14px;
}
.index .card-list .card img {
    /* 让图片占满整个容器，但是也不要太大*/
    width: 100%;
}
.index .card {
    margin: 10px 0;
    padding: 0;
    border-top: #cccccc solid 1px;
    border-bottom: #cccccc solid 1px;
    box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.05);
}
.index .card:first-child{
    /* padding-top: 0; */
    margin-top: 0;
}
.index .card * {
    padding: 0;
}
.index .card h2 {
    margin: 0;
    padding: 6px 23px 0px 23px;
    font-size: 16px;
    line-height: 45px;
}
.index .card .favorite {
    /* 尽量选用12 14 16 18 20等号字体*/
    padding: 5px 23px 0px 23px;
    font-size: 14px;
    line-height: 45px;
    text-align: right;
}
.index .card .favorite i {
    /* ctrl+d 复制一份一样的 */
    color: #e63f02;
}
.index .card p.desc {
    margin: 0;
    padding: 0 23px;
    line-height: 24px;
    font-size: 12px;
    color: #666666;
}
.index .card a.more {
    display: block;
    padding: 12px 23px 11px;
    font-size: 12px;
    color: #000000;
 }

